<div class="comment-img-preview">
  <div class="big_img_swiper">
    <div class="swiper">
      <ul class="swiper-wrapper">
        {% for image in previewImage %}
          <li class="swiper-slide">
            {%- assign params  = image |public_front_asset_url|parseUrlParams: 'array'  -%}
             {%- if params.video  -%} 
            
                 <a href="javascript:;">
                  <video src="{{ params.video }}" poster="{{ image | public_front_asset_url }}" controls style="width: 100% ;object-fit: cover"></video>
                </a>
                 {%- include 'default_icon', icon:"video", height:"45", width:"45" -%}
              {%- else -%}
             <a href="javascript:;">
               <img style="width: 100%" data-src="{{ image|public_front_asset_url }}" src="{{ 'empty_loading.png' | public_asset_abs_dir_url }}" alt=""/>
            </a>
            {%- endif -%}
          
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
  {% if previewImage.size > 1 and showSmall %}
  <div class="small_img_swiper">
    <div class="navigation_prev">
      {% include "icon_silde_left" , width:'24',height:'24' %}
    </div>
    <div class="swiper">
      <ul class="swiper-wrapper">
        {% for image in previewImage %}
          <li class="swiper-slide {% if forloop.first %}active{% endif %}">
            {%- assign params  = image |public_front_asset_url|parseUrlParams: 'array'  -%}
             {%- if params.video  -%}
             <a href="javascript:;" style="position: relative">
               {%- include 'default_icon', icon:"video", height:"20", width:"20" -%}
              <img style="width: 100%" data-src="{{ image|public_front_asset_url }}" src="{{ 'empty_loading.png' | public_asset_abs_dir_url }}" alt=""/>
              
             </a>
              {%- else -%}
            <a href="javascript:;">
              <img style="width: 100%" data-src="{{ image|public_front_asset_url }}" src="{{ 'empty_loading.png' | public_asset_abs_dir_url }}" alt=""/>
            </a>
             {%- endif -%}
          </li>
        {% endfor %}
      </ul>
    </div>
    <div class="navigation_next">
      {% include "icon_silde_right" , width:'24',height:'24' %}
    </div>
  </div>
  {% endif %}
</div>
